<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/signin.css"/>
    <script src="script/jquery-1.11.3.js"></script>
    <script src="script/jquery.validate.js"></script>
    <script>
        $(function(){
            $(".form-signin").validate({
                rules:{
                    adminUsername:{required:true},
                    adminPassword:{required:true}
                },
                messages:{
                    adminUsername:{required:"账号不能为空"},
                    adminPassword:{required:"密码不能为空"}
                }
            });
           	$("input").keypress(function(){
           		$(".errorInfo").text("");
           	});
        })
    </script>
    <style>
        h1{
            text-decoration: line-through;

        }
    </style>
</head>
<body>
<div class="container">
    <form class="form-signin" method="post" action="AdminLoginServlet.html">
        <h2 class="form-signin-heading">LazyEgg后台管理</h2>
        <label class="sr-only" for="inputEmail">账号</label>
        <input name="adminUsername" class="form-control" id="inputUserName" autofocus="" type="text" placeholder="请输入账号">
        <label class="sr-only" for="inputPassword">密码</label>
        <input name="adminPassword" class="form-control" id="inputPassword" type="password" placeholder="请输入密码">
        <div class="checkbox">
            <label>
                <input type="checkbox" value="remember-me">记住我
            </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button><span class="errorInfo">${error}</span>
    </form>

</div>
</body>
</html>